
<link rel="stylesheet" type="text/css" href="../addons/ewei_shopv2/plugin/live/static/css/room.css?v={php echo time()}">
<style>
    
    .fullscreen .block-video .video {
        height: 100%;
        width: 100%;
        object-fit: cover;
</style>

    <div class="fui-content fullscreen">

       
        <div class="prompt">
            <div class="live-tips loading">
                <div class="inner">
                    <div class="text">加载直播间配置中</div>
                    <div class="date"></div>
                </div>
            </div>

            <div class="live-tips play btn-play">
                <div class="inner">
                    <div class="text"><i class="icon icon-iconfontplay2"></i></div>
                </div>
            </div>

            <div class="live-tips failed">
                <div class="inner btn-reconnect">
                    <div class="text">与通讯服务器连接失败</div>
                    <div class="date">点击此处重新连接</div>
                </div>
            </div>

           

           
        </div>
        <div class="block-video" style="background-image: url('{{trust_url(pagedata.info.hls_url)}}');">

            <video class="video" id="player" src="{{trust_url(pagedata.info.hls_url)}}" webkit-playsinline="true" playsinline="true" x-webkit-airplay="true"  x5-video-player-type="h5" x5-video-player-fullscreen="true" preload="auto"></video>

            <div class="block-info">
                <div class="live-info">
                    <div class="face">
                        
                    </div>
                    <div class="text">{{pagedata.room.title}}</div>
                </div>
            </div>

            <div class="block-online">
                <div class="online"><span id="online">1</span>人观看</div>
            </div>
        </div>

       

     



        <div class="fui-footer block-input">
          
            <div class="input">
                <div class="input-place">服务器连接中...</div>
                <input id="input" placeholder="跟大家说点什么吧..."  style="display: none" />
                <div class="btn-emoji"></div>
            </div>
          
            <div class="btn-plus"></div>
           
            <div class="btn-like"></div>
            <div class="btn-send">发送</div>
        </div>

       

          
    </div>
</div>

